<template>
  <div id="header-lg" class="padding-md">
    <h3>{{bigTitle}}</h3>
    <h4>{{noteTitle}}</h4>
  </div>
</template>

<script>
  export default{
    name:'header-lg',
    props:['bigTitle','noteTitle']
  }
</script>

<style lang="less" scoped>
  @import '../assets/css/variables.less';
  #header-lg{
    height:100px;
    width:100%;
    box-shadow: 0px 3px #ddd;
    background:linear-gradient(270deg,@green 0%,@turquoise 100%);
    color:@white;
    padding:30px 0 0 20px;
  }
  h3{
    font-size:300%;
  }
  h4{
    font-size:120%;
    position:relative;
    margin-top:10px;
  }
</style>
